<route lang="json5" type="page">
{
  style: {
    navigationBarTitleText: '直播间',
    navigationBarBackgroundColor: '#254973',
    navigationBarTextStyle: 'white',
  },
}
</route>
<template>
  <view>
    <web-view :src="webviewSrc" />
  </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { useUserStore } from '@/store'

// 创建响应式变量存储 web-view 的 src
const webviewSrc = ref('')

onLoad((options) => {
  // 从页面参数获取 channelId
  const channelId = options.channelId
  const userStore = useUserStore()
  // 直播名称,格式：用户姓名(userID)
  const liveName = `${userStore.userInfo.realName}(${userStore.userInfo.userId})` // 示例名称

  if (channelId) {
    // 对名称进行 URL 编码
    const encodedName = encodeURIComponent(liveName)
    // 构建最终的 URL
    webviewSrc.value = `https://f1d871425c.live.polyv.cn/watch/${channelId}?name=${encodedName}`
  } else {
    // 可以添加错误处理，例如显示提示或返回上一页
    uni.showToast({ title: '无法加载直播间，缺少参数', icon: 'none' })
    uni.navigateBack()
  }
})
</script>

<style scoped lang="scss"></style>
